html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn, button {margin: 0; padding: 0; border: 0; font-style: inherit; font-weight: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
html{ height:100%;}
body {height:100%; color:#383749;}
div {text-align:left;}
body{font-family:"微软雅黑","Arial";}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, em{font-style:normal;}
li{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus{outline: none; }
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea{border:0px;}
input,button,select,textarea{outline:none}
iframe{border:0px;width:100%;height:100%;}
img {vertical-align:top;}

/*弹出提示控件样式*/
.jsmask{background-color:#000000;opacity:0.6;z-index:1;position:absolute;left:0px;top:0px;width:100%;height:100%;right:0px;bottom:0px;}

.jsmsgbox{position:absolute;width:100%;height:100%;z-index:11111;left:0px;top:0px;}
.jsmsgbox .mask{background-color:#000000;opacity:0.6;position:absolute;width:100%;height:100%;z-index:11111;left:0px;top:0px;}
.jsmsgbox .errorboxbg{z-index:11114;text-align:center;background-color:#000000;width:70%;margin:0em auto;color: #fff;line-height: 1.5em;padding: 0.5em;position:relative;z-index:11112;top:50%;margin-top:-2em;border-radius:5px;}
.jsmsgbox .errorbox{text-align:center;line-height:3em;width:100%;color:#ffffff;font-weight:bold;z-index:33;margin:0em auto;z-index:11114;position:absolute;top:50%;margin-top:-1.5em;border-radius:5px;}
.jsmsgbox .errormask{background-color:#000000;opacity:0.3;position:absolute;width:100%;height:100%;z-index:11111;left:0px;top:0px;}
.jsmsgbox .msgbox{width:80%;min-height:140px;height:auto;-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 15px;overflow:hidden;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 15px;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;
    background-color: rgb(255, 255, 255);position:fixed;top:100px;z-index:122222;left: 50%;
    margin-left: -40%;}
.jsmsgbox .msgcontent{width:100%;min-height:100px;height:auto;position:relative;left:0px;top:0px;}
.jsmsgbox .msgcontent img{height:4em;width:auto;position:absolute;top:50%;margin-top:-2em;left:1em;}
.jsmsgbox .msgcontent .msg{height:100%;width:100%;right:0px;top:0px;}
.jsmsgbox .msgcontent .msg .title{background:transparent;font-weight:bold;font-size:1.25em;text-align:center;border-bottom:0px;}
.jsmsgbox .msgcontent .msg .content{padding:0.5em;font-size:0.75em;font-weight:normal;color:#424242;}
.jsmsgbox .msgfooter{width:100%;height:40px;background-color:#eeeeee;position:relative;bottom:0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;}
.jsmsgbox .msgfooter button{position:absolute;right:1em;font-size:0.75em;font-weight:normal;top:0.75em;}

/*公共模块*/
.pub_hidden{display:none;}
input, textarea{ border:none; margin:0; padding:0; font-family:"微软雅黑","Arial"; box-sizing:content-box;-webkit-box-sizing:border-box;}
html{ background:#eff0f2;}



/*登陆--start*/
.login{ background:#3b3649 url(../images/login_bg.jpg) no-repeat; background-size:100% auto; text-align:center;}
.login .wel{ width:48%; margin:8.6rem 0rem 2.16rem 0rem;}

.login .inp{ background:#fff; line-height:3.75rem; padding:0.25rem 0rem 0.58rem 0rem; margin-bottom:3.33rem;}
.login .inp .item{ margin-left:6.1%;}
.login .inp .item.user{ border-bottom:0.083rem solid #eaebec; margin-bottom:0.375rem;}
.login .inp img{ width:1.5rem; margin-top:1.1rem; margin-right:0.5rem;}
.login .inp input{ font-size:1.2rem; width:80%;}
.login .btn{ width:90%; border:0.083rem solid #fff; color:#fff; line-height:3.17rem; border-radius:3.17rem; text-align:center; margin:0 auto; cursor:pointer;}
.login .operate{ width:87.5%; margin:0 auto; color:#fff; line-height:2.67rem;}
.login .operate .reg{ float:left; cursor:pointer;}
.login .operate .forget{ float:right; cursor:pointer;}
/*登陆--end*/

/*首页--start*/
header {width:100%; height:3.67rem; background-color:#8c98a6; position: fixed; top:0rem; z-index:333; text-align:center; line-height:3.67rem; font-size:1.2rem; color:#fff;}
header .menu, header .back{  position:absolute;  cursor:pointer;}
header .menu img, header .back img{ width:2.5rem;margin-top:0.58rem;}
header .menu img{ padding-right:0.167rem;}
header .menu{  right:0rem;}
header .back{ left:0rem;}
.con{ width:100%; position:absolute; top:3.67rem; bottom:4.125rem; left:0rem; right:0rem; overflow-y:auto;}
.con .indexBanner{ width:100%; border-bottom:0.083rem solid #dcdddf;}
.con .tabHeader{ border-bottom:0.083rem solid #dcdddf; height:2.875rem;}
.con .tabHeader ul{ width:100%; height:2.875rem; line-height:2.875rem; position:absolute;}
.con .tabHeader ul li{ width:33.3%; float:left; text-align:center; color:#828689; font-size:1rem;}
.con .tabHeader ul li.active{ color:#000; border-bottom:0.25rem solid #009edb;}

.con .tabBody .list-item .item .itemTitle{ background:#eff0f2; height:2.08rem; line-height:2.08rem; width:95.625%; padding-left:4.375%; position:relative;}
.con .tabBody .list-item .item .itemTitle img{ height:100%;}
.con .tabBody .list-item .item .itemTitle span{ position:absolute; left:4.375%; top:0rem; height:2.77rem; line-height:2.77rem; padding-left:1.2rem; display:block; font-size:1rem; transform:scale(0.75, 0.75); -webkit-transform:scale(0.75, 0.75); -moz-transform:scale(0.75, 0.75); -o-transform:scale(0.75, 0.75); white-space:nowrap; transform-origin:top left; -webkit-transform-origin:top left; -moz-transform-origin:top left; -o-transform-origin:top left; color:#383749;}
.con .tabBody .list-item .item .itemBody{ border-bottom:0.083rem solid #dcdddf; border-top:0.083rem solid #dcdddf;}
.con .tabBody .list-item .item .itemBody .picWrap{ width:91.5%; margin:1rem auto 0.5rem; border:0.083rem solid #e7e7e7; border-radius:0.1rem; position:relative;}
.con .tabBody .list-item .item .itemBody .picWrap img.big{ width:100%;}
span.heart{ width:4rem; height:1.4rem; line-height:1.4rem; display:block; position:absolute; top:0.8rem; right:0.8rem; background:rgba(255,255,255,0.6); border-radius:1.33rem; text-align:center;/* transform:scale(0.75, 0.75); -webkit-transform:scale(0.75, 0.75); white-space:nowrap; transform-origin:top left; */cursor:pointer;}
span.heart img{ width:1.1rem; height:auto; margin-top:0.2rem; margin-right:0.2rem;}
/*.con .tabBody .list-item .item .itemBody*/
.opera{ width:91.25%; height:2.7rem; margin:0 auto;}
.opera .left{ border-left:0.21rem solid #c5cbd2; float:left;/* height:1.83rem;*/}
.opera .left .now{ font-size:1.2rem; color:#009edb; line-height:1rem;  margin-left:0.5rem;}
.opera .left .now span{ font-size:1rem; color:#009edb; display:inline-block;/* transform:scale(0.67, 0.67); -webkit-transform:scale(0.67, 0.67); */white-space:nowrap;}
.opera .left .ori{ margin-left:0.5rem; font-size:1rem; color:#8c98a6; display:inline-block;/* transform:scale(0.58, 0.58); -webkit-transform:scale(0.58, 0.58);*/ white-space:nowrap; text-decoration:line-through; font-style:italic;}
.opera .right{ float:right; margin-top:0.2rem; width:8rem; height:1.5rem; line-height:1.5rem; border-radius:2rem;  text-align:center;/* transform:scale(0.75, 0.75); -webkit-transform:scale(0.75, 0.75);*/ white-space:nowrap; cursor:pointer; border:0.1rem solid #009edb; color:#009edb;}
.opera .right img{ width:1.33rem; margin-top:0.1rem; margin-right:0.4rem;}

footer{ width:100%; height:4.125rem; position:fixed; bottom:0em; border-top:0.083rem solid #dcdddf; box-shadow:0em 0em 0.083em #f2f5f9; background:#fff;}
footer ul{ width:100%; height:100%;}
footer ul li{ display:block; width:18%; height:100%; float:left; text-align:center; color:#383749; background:url(../images/nav_home.png) no-repeat center 0.2rem; background-size:2.5rem 2.5rem; cursor:pointer;}  
footer ul li span{ margin-top:2.3rem; display:block; font-size:1rem; line-height:1.4rem;}
footer ul li:nth-child(1){ margin-right:5%;}
footer ul li.active{ background-image:url(../images/nav_home_ac.png); color:#009edb;}
footer ul li:nth-child(2){ width:27%; background-image:url(../images/nav_pro.png);}
footer ul li.active:nth-child(2){ background-image:url(../images/nav_pro_ac.png);}
footer ul li:nth-child(3){ width:27%; background-image:url(../images/nav_buy.png);}
footer ul li.active:nth-child(3){ background-image:url(../images/nav_buy_ac.png);}
footer ul li:nth-child(4){ margin-left:5%; background-image:url(../images/nav_user.png);}
footer ul li.active:nth-child(4){ background-image:url(../images/nav_user_ac.png);}
/*首页--end*/


/*产品分类--start*/
.search{ height:3.1rem; border-top:0.15rem solid #eaebec; border-bottom:0.083rem solid #eaebec; margin-top:0.67rem; background:#fff; position:relative;}
.search input{ height:3.1rem; line-height:3.1rem; margin-left:2.1rem; width:80%;}
.search span{ display:block; width:3.1rem; height:3.1rem; background:url(../images/search.png) no-repeat; background-size:cover; position:absolute; top:0; right:0.5rem; cursor:pointer;}
.classes{ margin-top:0.83rem;}
.classes .item{ width:93%; margin:0 auto; position:relative; margin-bottom:0.83rem;}
.classes .item img{ width:100%;}
.classes .item p{height:100%; line-height:5.8rem; position:absolute; top:0; left:0; right:0; bottom:0; color:#fff; text-align:center;}
/*产品分类--end*/

/*产品分类-个人护理--start*/
.class-A{ margin-top:0.67rem;}
.class-A .item{ position:relative; margin-bottom:1rem;}
.class-A .item .bigPic{ width:100%;}
.class-A .item .sale{ position:absolute; top:0; left:0; width:3.4rem;}
.class-A .item .word{ position:absolute; bottom:0; width:100%; height:1.75rem; line-height:1.75rem; color:#fff;}
.class-A .item .word p{ margin-left:0.7rem;} 
.class-A .item .word .price{ position:absolute; top:0; right:0.7rem; font-size:1.2rem;}
.class-A .item .word .price span{font-size:1rem;}
/*产品分类-个人护理--end*/

/*产品分类-产品详情-start*/
.col{ border-top:0.083rem solid #eaebec; border-bottom:0.083rem solid #eaebec; background:#fff; position:relative; margin-top:0.6rem;}
.col .title{ line-height:2.5rem; margin-top:0.5rem;}
.col .title .icon{ width:1.1rem; margin:0.8rem 0rem 0rem 1rem;}
.col .title .fr{ position:absolute; width:0.5rem; top:1.4rem; right:1.4rem;}
.col .title .label{ font-size:1.1rem;}
.col .cont{ width:92%; margin-left:8%; border-top:0.083rem solid #eaebec; color:#828689;}
.modle1{ margin-top:0.83rem;}
.modle1 h2{ margin-left:3%; font-size:1.2rem; line-height:1.6rem; margin-top:0.6rem;}
.modle1 p.hDetail{ color:#828689; margin-left:3%; line-height:1.125rem; margin-bottom:0.6rem;}
.wb-brand{ position:relative; overflow:hidden;}
.ctl{ position:absolute; top:0;}
.ctl li{ float:left;}
.ctl li img{ width:100%;}

.contro{ text-align:center; position: absolute; bottom:0.6rem; width:100%;}
.contro li{ display:inline-block; width:0.5rem; height:0.5rem; background:#fff; border-radius:100%; cursor:pointer;}
.contro li.active{  background:#f56066;}

.modle1 .opera{ margin-top:0.4rem;}
.modle1 .opera .left{ line-height:1.4rem; margin-top:0.3rem;}
.modle1 .opera .left .now{ line-height:1.4rem;}

.chooseType{ margin-top:0.6rem; line-height:3.1rem; cursor:pointer;}
.chooseType .label{ margin-left:1rem; font-size:1.1rem;}
.chooseType .fr{ position:absolute; width:0.5rem; top:1.2rem; right:1.4rem;}

.proDe .cont{ padding:0.5rem 0rem 1.33rem 0rem;}
.proDe .cont p{ line-height:1.5rem;}

.eval{}
.eval .cont{ border:none; padding-bottom:0.1rem;}
.eval .cont .row{ border-top:0.083rem solid #eaebec; padding-right:1.2rem;}
.eval .cont .row p{ line-height:1.67rem; margin-top:0.4rem;}
.eval .cont .row .from{ line-height:1.5rem; margin-bottom:0.8rem; position:relative;}
.eval .cont .row .time { line-height:1.5rem; margin-bottom:0.8rem; position:absolute; top:0rem; right:0rem;}

.simi{ margin-bottom:1.2rem;}
.simi .cont{}
.simi .cont ul{ margin-top:0.6rem; margin-bottom:0.7rem;}
.simi .cont ul li{ border:0.083rem solid #d6d6d6; width:31%; display:inline-block; box-sizing:content-box;-webkit-box-sizing:border-box; margin-right:0.2rem;}
.simi .cont ul li img{ width:100%; border-bottom:0.083rem solid #d6d6d6;}
.simi .cont ul li h1{ color:#383749; margin-left:0.2rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.simi .cont ul li .price{ color:#009edb;}

.mask{background-color: rgba(0,0,0,0.6);position:absolute;width:100%;height:100%;z-index:11111;left:0px;top:0px;}
.mask .layerBox{ width:94%; background:#fff; height:21rem; position:absolute; left:3%; top:50%; margin-top:-10rem; border:0.083rem solid #cccccc; position:relative;}
.mask .layerBox .close{ width:2.67rem; cursor:pointer; position:absolute; top:0; right:0;}
.mask .layerBox .close img{ width:100%;}
.mask .layerBox .cont{ width:92%; margin-left:8%; margin-top:2.9rem;}
.mask .layerBox .cont h3{ line-height:2.1rem; border-bottom:0.16rem solid #eaebec;}
.mask .layerBox .cont ul{ margin-top:0.67rem; margin-bottom:1rem;}
.mask .layerBox .cont ul li{ width:4.4rem; height:1.67rem; line-height:1.67rem; border:0.083rem solid #d6d6d6; border-radius:1.67rem; text-align:center; display:inline-block; margin-right:0.2rem; margin-bottom:1rem;}
.mask .layerBox .cont ul li.active{ color:#fff; background:#009edb;}
.mask .layerBox .cont .adjust{ margin-top:0.7rem;}
.mask .layerBox .cont .adjust div{ float:left; border:0.083rem solid #cccccc; height:2.3rem; line-height:2.3rem; text-align:center;}
.mask .layerBox .cont .adjust img{ height:100%;}
.mask .layerBox .cont .adjust .num{ width:5.3rem; font-size:1.1rem; border-left:none; border-right:none; font-family:'Arial';}
.mask .layerBox .cont .adjust .reduce, .mask .layerBox .cont .adjust .add{ cursor:pointer;}
.mask .layerBox .btn{ background:#009edb; position:absolute; bottom:-0.083rem; left:-0.083rem; right:-0.083rem; height:3.25rem; line-height:3.25rem; color:#fff; font-size:1.1rem; text-align:center;}
/*产品分类-产品详情-end*/


/*产品评价--start*/
.comType{ color:#828689; margin:0.75rem 0rem 0.17rem 0rem;}
.comType li{ width:6.75rem; height:2.17rem; line-height:2.17rem; background:#ffffff; border:0.083rem solid #c0c0c2; border-radius:0.4rem; text-align:center; display:inline-block; margin:0rem 0.4rem 0.67rem 1.1rem;}
.comType li img{width:1.2rem; margin-top:0.5rem; margin-right:0.2rem;}
.comType li.active{ background:#009edb; color:#fff;}
.comType li span{ transform:scale(0.9, 0.9); -webkit-transform:scale(0.9, 0.9); -moz-transform:scale(0.9, 0.9); -o-transform:scale(0.9, 0.9); transform-origin:center center; display:inline-block;-o-transform-origin:center left; -moz-transform-origin:center left; -webkit-transform-origin:center left;}


.comCon{ color:#828689;}
.comCon .item{ border-top:0.083rem solid #dcdddf; border-bottom:0.083rem solid #dcdddf; background:#fff; margin-bottom:0.67rem;}
.comCon .item .top{ width:90%; margin:0.6rem auto 0.33rem; position:relative;}
.comCon .item .top .headImg{ width:2.75rem; height:2.75rem; border-radius:100%;}
.comCon .item .top .name{ vertical-align:-0.6rem; margin-left:0.4rem;}
.comCon .item .top .click{ position:absolute; right:0; top:0.7rem;}
.comCon .item .middle{ width:90%; margin:0 auto;}
.comCon .item .middle p{ line-height:1.5rem; color:#383749;}
.comCon .item .middle img{ width:7.125rem; height:6rem; border:0.083rem solid #ebebeb; margin:0.17rem 0.3rem 0.17rem 0rem;}
.comCon .item .bottom{ line-height:1.6rem; margin-bottom:0.2rem;}
.comCon .item .bottom .control{ height:1.6rem; line-height:1.6rem; width:91%; margin:0 auto; margin-bottom:0.33rem;}
.comCon .item .bottom .control .time{ height:1.6rem; line-height:1.6rem; float:left;}
.comCon .item .bottom .control .time img{ width:0.8rem; height:0.8rem; margin:0.4rem 0.2rem 0rem 0.21rem;}
.comCon .item .bottom .control .time span{ transform:scale(0.9, 0.9); -webkit-transform:scale(0.9, 0.9); -moz-transform:scale(0.9, 0.9); -o-transform:scale(0.9, 0.9); transform-origin:center left; display:inline-block;-o-transform-origin:center left; -moz-transform-origin:center left; -webkit-transform-origin:center left;}
.comCon .item .bottom .control .reply{ float:right; margin-left:1.6rem;}
.comCon .item .bottom .control .reply img{ width:1rem; margin-top:0.4rem; margin-left:0.2rem;}
.comCon .item .bottom .control .reply span{ transform:scale(0.9, 0.9); -webkit-transform:scale(0.9, 0.9); -moz-transform:scale(0.9, 0.9); -o-transform:scale(0.9, 0.9); transform-origin:center right; display:inline-block;-o-transform-origin:center left; -moz-transform-origin:center left; -webkit-transform-origin:center left;}
.comCon .item .bottom .control .comBtn{ float:right; color:#009edb; background:url(../images/up.png) no-repeat right; padding-right:0.6rem; background-size:0.7rem auto; transform:scale(0.9, 0.9); -webkit-transform:scale(0.9, 0.9); -moz-transform:scale(0.9, 0.9); -o-transform:scale(0.9, 0.9); transform-origin:center right;-o-transform-origin:center left; -moz-transform-origin:center left; -webkit-transform-origin:center left;}
.comCon .item .bottom .control .comBtn.active{ background-image:url(../images/down.png);}
.comCon .item .bottom .comItem{ background:#ebebeb; padding:0.6rem 0rem 0.5rem 0rem;}
.comCon .item .bottom .comItem p{ width:91%; margin:0 auto; color:#383749; line-height:1.25rem; transform:scale(0.9, 0.9); -webkit-transform:scale(0.9, 0.9); -moz-transform:scale(0.9, 0.9); -o-transform:scale(0.9, 0.9); transform-origin:center left;-o-transform-origin:center left; -moz-transform-origin:center left; -webkit-transform-origin:center left;}
.comCon .item .bottom .comItem p span{ color:#828689;}
.comCon .item .bottom .replyItem{ width:91.25%; margin:0 auto; padding:0.8rem 0rem 0.8rem;}
.comCon .item .bottom .replyItem input{ border:0.083rem solid #d9d9d9; border-radius:0.2rem; line-height:2.5rem; width:19.3rem; padding:0rem 0.4rem;}
.comCon .item .bottom .replyItem span{ width:4rem; height:2.5rem; line-height:2.5rem; text-align:center; background:#009edb; color:#fff; border-radius:0.3rem; border:0.083rem solid #66c5e9; display:inline-block; float:right;}


.click{ width:7rem; height:1rem; position:relative; background:url(../images/star0.png) no-repeat; background-size:7rem 1rem; overflow:hidden;}
.click span{ display:block; width:7rem; height:1rem; position:absolute;  background:url(../images/star5.png) no-repeat; background-size:7em 1rem; left:-100%;}
.click ul{ position:absolute; }
.click ul li{ width:1.4rem; height:1rem; float:left;}
.click .star0{ left:-100%;}
.click .star1{ left:-80%;}
.click .star2{ left:-60%;}
.click .star3{ left:-40%;}
.click .star4{ left:-20%;}
.click .star5{ left:0;}
/*产品评价--end*/

/*购物车--start*/
.checkbox{ display:inline-block; width:2rem; height:2rem; background:url(../images/checkbox.png) no-repeat; background-size:4rem 2rem; position:relative;}
.checkbox.active{ background-position:-2rem;}
/*购物车--end*/

/*产品分类--start*/
/*产品分类--end*/